<%@page import="entity.Visitor"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<%
	Visitor visitor = null;
	try {
		visitor = (Visitor) session.getAttribute("curSession");
	} catch (Exception ex) {
		System.out.println(" home page says: " + ex.getMessage());
	}
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Add new tour</title>
<link href="css/java_tech_css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/messages_vi.js"></script>
</head>
<body>
	<div id="container">
		<div class="banner">
			<img alt="banner" src="images/customLogo.jpg">
		</div>
		
		<div class="homepage">
		    <h1> <a href = "index.jsp" > HomePage </a> </h1>
		</div>		
		
		<div class="loginS">
<!--Chu y 	check logout, login can sua css -->
			<%
				if (visitor == null) {
			%>
			<a href="login.jsp"> Login </a>
			<%
				} else {
			%>
			<a href="logout"> Logout </a>
			<%
				}
			%>
		</div>
		<div class="visitor-info-view">
			<h3>Search Visitor</h3>
			<div class="firstname-search">
				<form action="searchVisitor" method="post">
					<div class="firstname-title">
						<p>First name:</p>
					</div>
					<div class="firstname-input">
						<input type="text" name="firstname_search">
					</div>
					<div>
						<input type="submit" value="Search" /> <span>(Type First
							name Visitor and Click Search button)</span>
					</div>
				</form>
			</div>
		</div>
		<div class="content1">
			<div class="table">
				<div class="row1">
					<div class="firstname">
						<p>First name</p>
					</div>
					<div class="lastname">
						<p>Last name</p>
					</div>
					<div class="gender">
						<p>Gender</p>
					</div>
					<div class="telephone">
						<p>Telephone</p>
					</div>
					<div class="youin">
						<p>You're in</p>
					</div>
					<div class="hobbies">
						<p>Hobbies</p>
					</div>
					<div class="description">
						<p>Description</p>
					</div>
				</div>
				<div class="clear"></div>
				<s:iterator value="list">
					<div class="row2">
						<div class="firstname">
							<p>
								<s:property value="firstName" />
							</p>
						</div>
						<div class="lastname">
							<p>
								<s:property value="lastName" />
							</p>
						</div>
						<div class="gender">
							<p>
								<s:property value="gender" />
							</p>
						</div>
						<div class="telephone">
							<p>
								<s:property value="telephone" />
							</p>
						</div>
						<div class="youin">
							<p>
								<s:property value="area" />
							</p>
						</div>
						<div class="hobbies">
							<p>
								<s:property value="hobby" />
							</p>
						</div>
						<div class="description">
							<p>
								<s:property value="description" />
							</p>
						</div>
					</div>
				</s:iterator>
			</div>
		</div>
	</div>
</body>
</html>